<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title th:text="${tittleContext}"></title>
    <script src="/static/js/jquery-2.2.3.min.js"></script>
</head>
<body style="width:600px;" onload="systemTime()">
<div class="admin-main">
    <span style="font-size: 24px;color: black;margin-left: 45%;">欢迎使用</span><br>
    <span id="time" style="font-size: 24px;color: black;margin-left: 45%"></span>
</div>
<div>
    <h2><a href="http://172.16.2.106:8081//">系统1</a></h2>
    <h2><a href="http://172.16.2.106:8082/">系统2</a></h2>
    <h2><a href="http://172.16.2.106:8081/loginOut2/">退出</a></h2>
</div>
<div>
    <h2><a href="http://172.16.2.106:8081/elastic/init">初始化</a></h2>
    <h2><a href="http://172.16.2.106:8081/elastic/all">查询所有</a></h2>
    <input type="text" id="testES" value="xxxxxx">
    <h2><a onclick="esClint()">查询</a></h2>
</div>
</body>
<script>
    //获取系统时间，将时间以指定格式显示到页面。
    function systemTime() {
        //获取系统时间。
        var dateTime = new Date();
        var year = dateTime.getFullYear();
        var month = dateTime.getMonth() + 1;
        var day = dateTime.getDate();
        var hh = dateTime.getHours();
        var mm = dateTime.getMinutes();
        var ss = dateTime.getSeconds();

        //分秒时间是一位数字，在数字前补0。
        mm = extra(mm);
        ss = extra(ss);

        //将时间显示到ID为time的位置，时间格式形如：19:18:02
        document.getElementById("time").innerHTML = year + "年" + month + "月" + day + "日 " + hh + ":" + mm + ":" + ss;

        //每隔1000ms执行方法systemTime()。
        setTimeout("systemTime()", 1000);
    }

    //补位函数。
    function extra(x) {
        //如果传入数字小于10，数字前补一位0。
        if (x < 10) {
            return "0" + x;
        }
        else {
            return x;
        }
    }

    //ES查看
    function esClint() {
        $.ajax({
            type: "POST",
            url: "/elastic/query?test=" +$("#testES").val(),
            success: function (result) {
                alert(result);
            }
        })
    }
</script>

</html>
